<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>电影首页</title>
		<!--外链css-->
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	</head>

	<body>

		<!--主要内容-->
		<div class="content">
			<!--电影介绍-->
			<ul class="film">
				<!--环太平洋-->
				<li>
					<img class="fl" src="img/one.png" />
					<!--电影名&评论-->
					<div class="filmAndcomment fl">
						<a href="#" class="fl">环太平洋</a>
						<a href="#" class="fr">468 人评论过</a>
						<div class="clear"></div>
						<!--电影介绍-->
						<p class="filmMsg fl"><a href="#">#环太平洋##环太平洋#</a>对影建筑倒塌、核弹攻击城市、外星人入侵...
							<a href="#">[详细]</a>
						</p>
						<!--电影类型-->
						<img src="img/head.png" /><span>欧美电影</span>
					</div>
					<div class="clear"></div>
				</li>
				<!--速度与激情6-->
				<li>
					<img class="fl" src="img/two.png" />
					<!--电影名&评论-->
					<div class="filmAndcomment fl">
						<a href="#" class="fl">速度与激情6</a>
						<a href="#" class="fr">783 人评论过</a>
						<div class="clear"></div>
						<!--电影介绍-->
						<p class="filmMsg fl">【杰森.斯坦森确认加盟<a href="#">#速J#</a>】斯坦森饰演第六部大反派欧文.肖
							<a href="#">[详细]</a>
						</p>
						<!--电影类型-->
						<img src="img/head.png" /><span>热映推荐</span>
					</div>
					<div class="clear"></div>
				</li>
				<!--青春派-->
				<li>
					<img class="fl" src="img/three.png" />
					<!--电影名&评论-->
					<div class="filmAndcomment fl">
						<a href="#" class="fl">青春派</a>
						<a href="#" class="fr">97 人评论过</a>
						<div class="clear"></div>
						<!--电影介绍-->
						<p class="filmMsg fl">《青春派》预告片"零差评"其逆生长
							<a href="#">[详细]</a>
						</p>
						<!--电影类型-->
						<img src="img/head.png" /><span>电影预告</span>
					</div>
					<div class="clear"></div>
				</li>
			</ul>
		</div>

	</body>

</html>